.boxa{
    width: 100%;
    height: 100px;
    background-color: #ffff;
}
.boxb,.dibu-c{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.dibu{
    width:100%;
    height: 262px;
    background-color: #f7f7f7;
}
.boximg{
    float: left;
    margin: 24px auto;
}
.box-ul{
    float: right;
    
}
.box-li{
    float: left;
    line-height: 100px;
    margin-left: 70px;
    width: 40px;
    text-align:center;
    font-size: 14px;
}
.box-a{
   
  color: #767676;
    /* text-align: center; */
}
/* 设置激活导航 */
.boxb .active{
    font-size: 18px;
}
.boxb .active a{
    color: #668aca;
    
}
.boxb .active .box-k{
    opacity: 1;
}
.box-a:hover{
   font-size: 18px;
   color: #668aca;
}
.box-a:hover + .box-k{
    opacity: 1;
    
}
.boxb .box-k{
    display: block;
    width: 20px;
    height: 1px;
    background-color: #668aca;
    margin: 0 auto;
    margin-top: -30px;
    opacity: 0;
}
/* 底部 */

.dibu-c .dib{
    float: left;
    margin-left: 131px;
    height: 75px;
    margin-top: 98px;
}
.dibu-c p{
    font-size: 14px;
    line-height: 1;
    margin-bottom: 16px;
    color: #767676;
    
}
.dibu-l .pa{
    font-size: 16px;
    margin-bottom: 10px;

}
.pimg{
    margin-right: 19px;
}
.dibu .dibu-z,
.dibu .dibu-r{
    padding-left: 60px;
    border-left: 1px solid ;
}
/* 中 */
.broject-a{
    width: 100%;
}
.broject-b{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.broject-jing{
    width: 100%;
    height: 300px;
    background: url(../xiangmu/c.jpg) no-repeat center ;
    background-size: cover;
}
.broject-qq{
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 70px;
}

 /* 您的位置:项目 */
.broject-p1{
    float: left;
    font-size: 14px;
    color: #767676;
}
.broject-pk{
    float: left;
    width: 20px;
    height: 20px;
    background: url(../xiangmu/a.png) no-repeat center;
   
}
.broject-p2{
    float: left;
    font-size: 14px;
    color: #668aca;
}

.broject-item{
    overflow: hidden;
   float: left;
    
}
.broject-zuo{
    float: right;

}
.broject-item a{
    width: 50px;
    height: 30px;
   display: block;
    font-size: 14px;
    text-align: center;
    color: #767676;
}
.broject-zuo .line{
    display: block;
    width: 12px;
    height: 1px;
    margin: 0 auto;
    opacity: 0;
}
.border-k{
   float: left;

    width: 1px;
    height: 10px;
   margin: 0 10px;
   margin-top: 6px;
    background-color: #b5b5b5;
}
/* 当前页面直接显示 */
.broject-zuo .broject-item.xx a{
    font-size: 16px;
    color: #668aca;
}
.broject-zuo .broject-item.xx .line{
    opacity: 1;
    background-color: #668aca;
}

/* hoven效果 */
.broject-item:hover a{
    font-size: 16px;
    color: #668aca;

}
.broject-item:hover .line{
    opacity: 1;
    background-color: #668aca;
}
/* 你的位置结束 */



/* 家居卡片 */
.broject-b .hezi-1{
    float: left;
    width: 360px;
    height: 450px;
    margin-right: 60px;

}
.broject-b .hezi-1.q{
    margin-right: 0;
}
.broject-b .hezi-t img{
    width: 360px;
    height: 320px;
    
}
.hezi-z1{
    margin-left: 50px;
    
}
.broject-b .hezi-p1{
    font-size: 14px;
    color: #767676;
    margin-top: 30px;
    margin-bottom: 9px;
   
}
.broject-b .hezi-p2{
    font-size: 12px;
    color: #767676;
  
}
